<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>全民义务植树网</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/list.css">
</head>
<body>
<div class="top mb-com">
    <img src="./images/z-logo.png" alt="" class="logo">
    <img src="./images/tx.png" alt="" class="user-me">
</div>
<div class="main">
    <div class="main-top">
        <nav>
            <a href="#">机构简介</a>
            <a href="#">政策法规</a>
            <a href="#">实体参与</a>
            <a href="#">网络参与</a>
            <a href="#">新闻动态</a>
            <a href="#">尽责形式</a>
            <a href="#" class="act">尽责榜</a>
            <a href="#">尽责证书</a>
            <a href="#">经验交流</a>

            <div class="tool">
                展开
                <img src="./images/icon-tool.png" alt="">
            </div>
        </nav>
    </div>
    <form action="">
        <input type="text" placeholder="输入捐款人/企业名称查询">
        <img src="./images/icon-search.png" alt="">
    </form>


    <div class="main-inner">
        <div class="title">
            <div class="txt">
                <span class="act">尽责榜</span>
                <span>实时捐款</span>
            </div>
            <img src="./images/more.png" alt="">
        </div>
        <div class="tips">
            标识类别
            <span>
                <img src="./images/icon-jz.png" alt="">
                实体尽责
            </span>
            <span>
                <img src="./images/icon-jz2.png" alt="">
                实体尽责
            </span>
            <span>
                <img src="./images/icon-sbao.png" alt="">
                达到3株
            </span>
        </div>
        <div class="tab-list">
            <span class="act"><i>个人榜</i></span>
            <span>团队榜</span>
            <span>家庭榜</span>
            <span>粉丝榜</span>
        </div>
        <div class="list-inner">
            <div class="tool">
                <span>尽责任</span>
                <span>累计植树（株）</span>
                <span>当年植树（株）</span>
                <span>获得标识</span>
            </div>
            <div class="item-inner">
                <div class="item"></div>
            </div>
        </div>
    </div>
</div>
<script src="js/rem.js"></script>
<script src="dist-js/jquery-1.10.2.js"></script>
<script src="js/index.js"></script>
<script>
  var toolBol = 0;
  $('.tool').click(function () {
    if (toolBol) {
      $('nav').css('height', '1.08rem')
      toolBol = 0;
    } else {
      $('nav').css('height', 'auto');
      toolBol = 1;
    }
  });
</script>
</body>
</html>